<template>
  <div>
     <h1>Button 按钮</h1>
     <button1></button1>
     <button2></button2>
     <button3></button3>
     <button4></button4>
     <button5></button5>
     <button8></button8>
     <button6></button6>
     <button7></button7>
  </div>
</template>

<script>
import Button1 from './Button1'
import Button2 from './Button2'
import Button3 from './Button3'
import Button4 from './Button4'
import Button5 from './Button5'
import Button6 from './Button6'
import Button7 from './Button7'
import Button8 from './Button8'


export default {
 name: 'ButtonDemo',
 components: {
   Button1,
   Button2,
   Button3,
   Button4,
   Button5,
   Button6,
   Button7,
   Button8
 }
}
</script>

<style lang="scss" scoped>
  h1 {
    font-weight: 400;
    margin-bottom: 10px;
  }
</style>

